﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="manager_index" ValidateRequest="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Online Aptitude Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <link rel="stylesheet" type="text/css" href="../css/manager.css"/>
</head>

<script type="text/javascript">
    function changeText(idElement) {
        document.getElementById("lb_user").className = "itemList";
        document.getElementById("lb_candidate").className = "itemList";
        document.getElementById("lb_exam").className = "itemList";
        document.getElementById("lb_questions").className = "itemList";
        document.getElementById("lb_testresultes").className = "itemList";
        if (idElement == 1) {
            document.getElementById('lbl_Title').innerHTML = document.getElementById('lb_user').text;
            document.getElementById("lb_user").className = "itemSelected";
        }
        else if (idElement == 2) {
            document.getElementById('lbl_Title').innerHTML = document.getElementById('lb_candidate').text;
            document.getElementById("lb_candidate").className = "itemSelected";
        }
        else if (idElement == 3) {
            document.getElementById('lbl_Title').innerHTML = document.getElementById('lb_exam').text;
            document.getElementById("lb_exam").className = "itemSelected";
        }
        else if (idElement == 4) {
            document.getElementById('lbl_Title').innerHTML = document.getElementById('lb_questions').text;
            document.getElementById("lb_questions").className = "itemSelected";
        }
        else if (idElement == 5) {
            document.getElementById('lbl_Title').innerHTML = document.getElementById('lb_testresultes').text;
            document.getElementById("lb_testresultes").className = "itemSelected";
        }
    }
</script>


<body style="overflow:hidden">
    <form runat="server" style="width:100%;height:100%">
        <table style="height:100%;width:100%;table-layout:static;border-collapse:collapse;background:#212121" cellpadding="0" cellspacing="0">
        	<tr>
            	<td width="300" height="58" valign="top">
                	<div class="head_left">
                    	<div class="head_right">
                        	<div class="head_center">
                            	
                                <div style="float:left;font-weight:bold;padding-top:2px">
                                	<div style="font-size:18px;padding-top:5px">Hi ! <asp:Label ID="lbl_User" runat="server" Text=""></asp:Label></div>
                                </div>
                            	<asp:LinkButton ID="btnUserInfo" runat="server"></asp:LinkButton>                               
                            </div>
                        </div>
                    </div>
                </td>
                <td height="58" valign="top" style="padding-left:1px">
                	<div class="head_left">
                    	<div class="head_right">
                        	<div class="head_center">
                                <asp:LinkButton ID="btnLogOut" runat="server" onclick="btnLogOut_Click"></asp:LinkButton>
                            	<div style="float:left;font-weight:bold;font-size:18px;padding:10px 0 0 20px">
                                	<asp:Label ID="lbl_Title" runat="server" Text="Online Aptitude Test"></asp:Label>
                                </div>
                            </div>
                        </div>
                    </div>
                </td>
        	</tr>
            <tr>
            	<td bgcolor="#e8eaed" valign="top" height="100%">
                    <asp:LinkButton ID="lb_user" runat="server" OnClientClick="changeText(1)">
                        <span class="itemImage"><img class="itemImageSize" src="../image/manager/ic_manager.png" /></span>
                        <span class="itemText">User Manager</span>
                    </asp:LinkButton>
                    <asp:LinkButton ID="lb_candidate" runat="server" OnClientClick="changeText(2)">
                        <span class="itemImage"><img class="itemImageSize" src="../image/manager/ic_candidate.png" /></span>
                        <span class="itemText">Candidate</span>
                    </asp:LinkButton>
                    <asp:LinkButton ID="lb_exam" runat="server" OnClientClick="changeText(3)">
                        <span class="itemImage"><img class="itemImageSize" src="../image/manager/ic_exam.png" /></span>
                        <span class="itemText">Exam</span>
                    </asp:LinkButton>
                    <asp:LinkButton ID="lb_questions" runat="server" OnClientClick="changeText(4)">
                        <span class="itemImage"><img class="itemImageSize" src="../image/manager/ic_questions.png" /></span>
                        <span class="itemText">Questions</span>
                    </asp:LinkButton>
                    <asp:LinkButton ID="lb_testresultes" runat="server" OnClientClick="changeText(5)">
                        <span class="itemImage"><img class="itemImageSize" src="../image/manager/ic_test.png" /></span>
                        <span class="itemText">Test Results</span>
                    </asp:LinkButton>
                </td>
                <td rowspan="2" valign="top" style="padding-left:1px;height:100%">
               	  <iframe name="content" src="introduction.html"></iframe>                    
                </td>
            </tr>
            <tr>
                <td bgcolor="#e8eaed" align="center" style="padding-bottom:20px">
                    <b>Copyright © 2012 | Design by : Group 5<br />Project Online Aptitude Test</b>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
